To open the GUI Editor, select "Skin -> GUI Editor" in the popup.
Types of lines in the GUI Editor window
Player controls
Titlebar text
Fonts
Options
Colors
Moving controls
To move parts of the layout, select the lines you want to edit, then drag the mouse on the player window.
Note that if you don't want certain controls on the window, you can just move them out of sight.
Changing width & height of controls
To change width and height of controls, hold the SHIFT key while dragging the mouse.
NOTE: There is nothing that prevents you from making controls have negative size, so if you make it ugly, it's your own fault. =)
Volume & position bars can be horizontal or vertical
Both bars can be either horizontal or vertical.
To make one vertical, just make it taller than it is wide, and vice versa for horizontal.
Volume & position bar knobs
To change width and height of a knob, hold the CTRL key while dragging the mouse.
Arrow keys nudge controls
You can use the arrow keys instead of the mouse to nudge controls by 1 pixel.
The player window must be active for this to work. This means you must click on the window before using the arrow keys.
SHIFT and CTRL are also supported when using the arrow keys.
Saving your work
To save your work, right-click in either the player window or the editor window, and select "Skin -> Save."
This will save a copy of the current skin without overwriting any existing skin.
Undoing changes
To drop all changes and revert to a saved skin, select "Skin -> Reload saved skin" in the popup.
Deleting saved skins
To delete unwanted skins, simply right-click in the player window after loading the unwanted skin, and click on "Skin -> Delete saved skin."
Player controls
You can edit the positions & sizes as described above.
| Line | Description |
| Width/Height | Width and height of main window |
| Titlebar | Position & size of titlebar |
| Minimize | Position & size of "Minimize" button |
| Close | Position & size of "Close" button |
| Prev | Position & size of "Previous mp3" button |
| Play | Position & size of "Play" button |
| Pause | Position & size of "Pause" button |
| Stop | Position & size of "Stop" button |
| Next | Position & size of "Next mp3" button |
| Eject | Position & size of "Eject" button |
| Song | Position & size of song title display |
| Time | Position & size of time display |
| kbps | Position & size of kbps display |
| kHz | Position & size of kHz display |
| Volume | Position & size of volume bar (and size of knob, editable with CTRL) |
| Position-bar | Position & size of position bar (and size of knob, editable with CTRL) |
Titlebar text
Click once on these lines to edit the text.
| Line | Description |
| Text.Titlebar | Text to display in the titlebar (can be blank) |
| Text.PL-Titlebar | Text to display in the playlist titlebar (can be blank) |
Fonts
Click once on these lines to edit the font face or font size.
| Line | Description |
| Font.Titlebar | Font for titlebar |
| FontSize.Titlebar | Font size for titlebar |
| Font.Song | Font for song title |
| FontSize.Song | Font size for song title |
| Font.Time | Font for time display |
| FontSize.Time | Font size for time display |
| Font.Quality | Font for kbps and kHz |
| FontSize.Quality | Font size for kbps and kHz |
| Font.Playlist | Font for playlist entries |
| FontSize.Playlist | Font size for playlist entries |
Options
Click once on these lines to cycle through the different modes.
| Line | Description |
| Option.Title-position | 0 = Left-align titlebar text
1 = Center titlebar text
2 = Right-align titlebar text |
| Option.PL-Title-position | 0 = Left-align playlist titlebar text
1 = Center titlebar text |
| Option.Main-Border | 0 = No border around main window
1 = Draw border around main window |
| Option.Alt-Borders | Selects alternate borders for buttons, edits, etc. |
| Option.Label-Move | 1 = Labels move when buttons are pressed
0 = Labels don't move |
| Option.Knob-Border | 0 = No border around knobs
1 = Draw border around knobs |
Colors
Click on these lines to change the RGB value.
You can enter any of three formats for RGB colors:
- R,G,B decimal
- A single number
- 6-digit #RRGGBB hexadecimal (# required)
| Line | Description |
| Color.Main | Main window color |
| Color.Hilight(1) | Border color (Example: white) |
| Color.3DLight(2) | Border color (Example: light gray) |
| Color.Shadow(3) | Border color (Example: dark gray) |
| Color.Frame(4) | Border color (Example: black) |
| Color.Titlebar | Active titlebar color |
| Color.Titlebar2 | Inactive titlebar color |
| Color.Titlebar-Text | Active titlebar text color |
| Color.Titlebar-Text2 | Inactive titlebar text color |
| Color.Button | Button face color |
| Color.Button2 | Button face color when pressed |
| Color.Button-Label | Button label color |
| Color.Button-Label2 | Button label color when pressed |
| Color.Edit | Background color for song title, time display,
kbps, kHz, Volume, and Position-bar |
| Color.Song | Color of the song title |
| Color.Time | Color of the time display |
| Color.Quality | Color of the kbps and kHz text |
| Color.Knob | Color of the knob on Volume and Pos-bar |
| Color.PL-Edit | Background for playlist entries |
| Color.PL-Edit2 | Background for selected playlist entries |
| Color.PL-text | Text color for playlist entries |
| Color.PL-text2 | Text color for mp3 currently playing |
| Color.PL-bar | Color of scrollbar |
| Color.PL-bar2 | Color of clicked scrollbar |
| Color.PL-Knob | Color of scrollbar knob |
|